<template>
    <div class="lists">
        <themeHeader title="订单"></themeHeader>
        <div class="content">
            <ul class="list-child row">
                <router-link to="child1" class="col-25 list-child-li">
                    全部
                </router-link>
                <router-link to="child2" class="col-25 list-child-li">
                    待支付
                </router-link>
                <router-link to="child3" class="col-25 list-child-li">
                    待收货
                </router-link>
                <router-link to="child4" class="col-25">
                    待评论
                </router-link>
            </ul>
            <router-view></router-view>      
        </div>
    </div>
</template>
<style type="text/css">
.list-child{
    background: white;
    padding: 0.5rem 0;
    border-bottom: 0.01rem solid #ddd;
}
.list-child-li{
    text-align: center;
}

.tops{
    margin-top: 3rem;
}
.lists-head{
    margin-top: 0.5rem;
}
.tuns{
    padding: 0 0.5rem;
}
.lunun{
    height: 2rem;
}
    .gallery-tops {
        /*margin-top: 10rem;*/
        height: 20rem;
        width: 100%;
        /*font-size: 7rem;*/
    }
    .gallery-thumb,.tuns {
        position: absolute;
        top: 2.3rem;
        height: 2rem;
        /*box-sizing: border-box;*/
        width: 100%;
        background: #ddd;
    }
    .swiper-wrapper{
        width: 100%;
    }
    .lists-tunun{
        color:  black;
        height: 2rem;
        line-height: 2rem;
    }
    .tops{
        margin-top: 2.5rem;
    }
    .gallery-thumb .swiper-slide,
    .tuns .swiper-slide {
        width: 25%;
        text-align: center;
        font-size: 0.65rem;
        opacity: 0.7;
    }
    .lun-list{
        color: green;
    }
</style>
<script>
import ThemeHeader from "./../home/component/themeHeader.vue";
export default {
    components:{
        ThemeHeader
    },
    methods:{
            back:function(){

            }
        },
    mounted(){
        
    }
}
    
    </script>